<style>
    .title {
        margin-bottom: 17px;
        height: 20px;
        font-size: 16px;
        font-weight: 600;
        color: #111;
        line-height: 20px;
    }

    .setting {
        text-align: left !important;
        cursor: pointer;
        color: #4e73df;
    }

    .red {
        color: red;
    }
    table{
       border: 1px solid #bfbfbf;
        border-collapse:collapse
    }
    td{
        border: 1px solid #bfbfbf;
        padding: 10px 20px;
    }
    .typesave{
        display: none;
    }
    .btn-refresh{
        /*display: none;*/
    }
    a{
        margin: 0 5px;
        float: left;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST"
                          action="">
                        <div class="form-group">
                            <div class="col-xs-12 col-sm-8">
                                <input id="c-name" class="form-control" name="name"
                                       type="text" value="">
                            </div>
                            <button type="button" class="btn btn-success btn-embossed typeadd">添加</button>
                        </div>
                    </form>
                    <div id="toolbar" class="toolbar">
                        <table width="100%" id="table-type">
                            <tr>
                                <td>发薪类型</td>
                                <td>操作</td>
                            </tr>
                            {foreach name="paytype" item="vo"}
                            <tr class="infos">
                                <td id="td{$vo.id}" width="60%"><div id="type{$vo.id}">{$vo.name}</div></td>
                                <td width="40%">
                                    <a href="javascript:;" class="btn  btn-success btn-editone typeedit"  data-id="{$vo.id}" data-info="{$vo.name}">编辑</a>
                                    <a href="javascript:;" class="btn  btn-success btn-editone typesave"  data-id="{$vo.id}"  id="typeedit{$vo.id}">保存</a>
                                    <a href="javascript:;"
                                       class="btn btn-danger btn-del typedel"  data-info="{$vo.id}"
                                    >删除</a>

                                </td>
                            </tr>
                            {/foreach}
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

